<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="utf-8"/>
    <title>17玩芽-用户中心</title>
    <meta name="Keywords" content="17玩芽-用户中心"/>
    <meta name="Description" content="17玩芽-用户中心"/>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport">
    <!-- Mobile Devices Support @begin -->
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes"/> <!-- apple devices fullscreen -->
    <script src="./js/1.3.2/jquery.min.js"></script>
    <script src="./js/jquery.nyroModal-1.5.5.pack.js"></script>
    <link rel="stylesheet" href="./style/nyroModal.css" type="text/css"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!-- Mobile Devices Support @end -->
    <style>
        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: none;
        }

        a:active {
            text-decoration: none;
        }

        body {
            text-align: center;
            margin: 0px 0px 0px 0px;
        }

        #center {
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            position: relative;
        }

        #contable td {
            height: 100px;
            width: 100px;
        }
    </style>
</head>
<center>
    <body ondragstart="return false;width:100%">
    <div id="center" style="text-align:center">
        <img src="<?php echo($productionDetail['production_url']);?>" width="100%"/>
        <svg width="100%" height="80" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <defs>
                <pattern id="raduisImage" patternUnits="userSpaceOnUse" width="50" height="50" x="10" y="170">
                    <image xlink:href="<?php echo($productionDetail['head_img_url']);?>" height="50" width="50"/>
                </pattern>
                <pattern id="xinImg" patternUnits="userSpaceOnUse" width="20" height="20"  x="60" y="225">
                    <image xlink:href="./img/productions/Like@3x.png" x="0" y="0" height="20" width="20"/>
                </pattern>
                <pattern id="commentImg" patternUnits="userSpaceOnUse" width="20" height="20"  x="60" y="225">
                    <image xlink:href="./img/productions/Like@3x.png" x="0" y="0" height="20" width="20"/>
                </pattern>
            </defs>

            <rect id="myRaduisImage" x="10" y="20" width="50" height="50" rx="50" ry="50" fill="url(#raduisImage)" stroke="#FFFFFF"
                  stroke-width="2"/>
            <rect id="xinImg" x="550" y="45" width="20" height="20"  fill="url(#xinImg)" stroke="#FFFFFF"
                  stroke-width="0"/>

            <rect id="commentImg" x="500" y="45" width="20" height="20"  fill="url(#xinImg)" stroke="#FFFFFF"
                  stroke-width="0"/>

            <text x="65" y="40" font-size="15" style="fill:black"><?php echo($productionDetail['production_explain']);?></text>
            <text x="525" y="58" font-size="15" style="fill:black">4</text>
            <text x="575" y="58" font-size="15" style="fill:black">6</text>
        </svg>
        <hr width="90%">
        <br><br><br>
    </div>
    </body>
</center>
</html>